<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%
	//获取session数据
	String city = (String)request.getSession().getAttribute("city");//城市名
	String errMsg = (String)request.getSession().getAttribute("errMsg");//错误信息
	if(errMsg==null){
		errMsg="";
	}else{
		errMsg = (String)request.getSession().getAttribute("errMsg");
	}
	if(city==null){
		city="";
	}else{
		city = (String)request.getSession().getAttribute("city");
	}
	
	
	String citycode = "城市代码:"+(String)request.getSession().getAttribute("citycode"); //城市编码	
	String date = "日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;期:"+(String)request.getSession().getAttribute("date");
	String time = "发布时间:"+(String)request.getSession().getAttribute("time");
	String altitude = "海&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拔:"+(String)request.getSession().getAttribute("altitude")+"Km";
	String weather =  "天气情况:"+(String)request.getSession().getAttribute("weather");
	String temp = "现在温度:"+(String)request.getSession().getAttribute("temp")+"℃";
	String l_tmp = "最低温度:"+(String)request.getSession().getAttribute("l_tmp")+"℃";
	String h_tmp = "最高温度:"+(String)request.getSession().getAttribute("h_tmp")+"℃";
	String WD =    "风&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向:"+(String)request.getSession().getAttribute("WD");
	String WS =    "风&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;力:"+(String)request.getSession().getAttribute("WS");
	String sunrise = "日出时间:"+(String)request.getSession().getAttribute("sunrise");
	String sunset = "日落时间:"+(String)request.getSession().getAttribute("sunset");
	

	String inputTxt = (String)request.getSession().getAttribute("inputTxt");
	if(inputTxt==null){
		inputTxt="";
	}else{
		inputTxt="您输入的信息为:<br><font color=\"black\">"+inputTxt+"</font>";
	}
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html  lang="en-US">
  <head>
    <base href="<%=basePath%>">
    
    <title>Arice App</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
    <meta charset="utf-8">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/templatemo-style.css">

	<!-- jQuery -->
	<script src="js/jquery-1.11.0.min.js"></script>
	<script src="js/jquery-migrate-1.2.1.min.js"></script>

  </head>
  
  <body>
  
  <!-- HEADER -->
	<div class="fluid-container">
		<header class="site-header">
			<div class="navbar-default navbar-fixed-top">
				<div class="fluid-container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
						<i class="fa fa-bars"></i>
					</button>
					<a class="navbar-brand" href="#">arice app</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
					<li><a class="link-contact" href="index.jsp" style="background-color: #ccffff">天气查询</a></li>
						<li><a class="link-service" href="joke.jsp">每天一笑</a></li>
						<li><a class="link-facts" href="erwei.jsp">二维码生成器</a></li>
						<li><a class="link-portfolio" href="#portfolio">Portfolio</a></li>
						<li><a class="link-clients" href="#clients">Clients</a></li>
						<li><a class="link-contact" href="#contact">Contact</a></li>
					</ul>
				</div>
				</div>
			</div>
		</header> <!-- .site-header -->
	</div> <!-- .fluid-container -->
	
	<!-- WELCOME TEXT -->
	<div class="main-content">
	
	<!-- 看笑话模块 -->
	<div class="fluid-container">
		<div class="section-welcome" id="services">
			<div class="row">
			<%
				for(int i = 1;i<=12;i++){
					out.print("<div class=\"col-md-4 col-sm-12 col-xs-12 col-lg-4 text-center\" >");
					out.print("<article class=\"service animated fadeInUp\" style=\"height: 300px\"> ");
					out.print("<div class=\"service-header\"><h4>"+(String)request.getSession().getAttribute("title"+i)+"</h4></div>");
					out.print("<div class=\"service-text\"><p>"+(String)request.getSession().getAttribute("text"+i)+"</p></div></article></div>");
				}
			
			%>
					
						
						
						
					<!--
				<div class="col-md-4 col-sm-12 col-xs-12 col-lg-4 text-center" >
					<article class="service animated fadeInUp" style="height: 500px">
						<div class="service-header">
							<h4>标题</h4>
						</div>
						<div class="service-icon">
							<i class="fa fa-file-text-o">图片</i>
						</div>
						<div class="service-text">
							<p>笑话内容</p>
						</div>
					</article>
				</div>  
				<div class="col-md-4 col-sm-12 col-xs-12 col-lg-4 text-center" >
					<article class="service animated fadeInUp">
						<div class="service-header">
							<h4>标题</h4>
						</div>
						<div class="service-icon">
							<i class="fa fa-file-text-o">图片</i>
						</div>
						<div class="service-text">
							<p>笑话内容</p>
						</div>
					</article>
				</div>-->
				
			</div> 
			<div align="center" >
			<form method="get" action="/Weather/Joke" >
			<%for(int i = 1;i<=12;i++){
				out.print("&nbsp;<input type=\"submit\" name=\"page\" value="+i+"  style=\"width: 50px;\">");
			}
			
			%>
			&nbsp;&nbsp;&nbsp;
			第<%=(String)request.getSession().getAttribute("page") %>页</div>
			</form>
		</div>
	</div>

	

	
	
	<!-- PORTFOLIO 
	<div class="fluid-container" id="portfolio">
		<div class="row">
			<div class="col-md-12 text-left">
				<div class="section-header portfolio-header">
					<h3>·····待定···</h3>
				</div>
			</div>
		</div>
		<div class="section-portfolio" >
			<div class="row portfolio-holder">
				<article class="portfolio col-md-4 col-sm-6 col-xs-12">
					<div class="entry-thumbnail">
						<img src="img/portfolio/1.jpg" alt="">
					</div>
					<div class="portfolio-overlay first">
						<a href="#"><h4 class="entry-title">DIGITAL PHOTO</h4></a>
					</div>
				</article>
				<article class="portfolio col-md-4 col-sm-6 col-xs-12">
					<div class="entry-thumbnail">
						<img src="img/portfolio/2.jpg" alt="">
					</div>
					<div class="portfolio-overlay second">
						<a href="#"><h4 class="entry-title">QUALITY IMAGING</h4></a>
					</div>
				</article>
				<article class="portfolio col-md-4 col-sm-6 col-xs-12">
					<div class="entry-thumbnail">
						<img src="img/portfolio/3.jpg" alt="">
					</div>
					<div class="portfolio-overlay third">
						<a href="#"><h4 class="entry-title">ANIMATIONS</h4></a>
					</div>
				</article>
				<article class="portfolio col-md-4 col-sm-6 col-xs-12">
					<div class="entry-thumbnail">
						<img src="img/portfolio/4.jpg" alt="">
					</div>
					<div class="portfolio-overlay fourth">
						<a href="#"><h4 class="entry-title">HI FI SOUND</h4></a>
					</div>
				</article>
				<article class="portfolio col-md-4 col-sm-6 col-xs-12">
					<div class="entry-thumbnail">
						<img src="img/portfolio/5.jpg" alt="">
					</div>
					<div class="portfolio-overlay fifth">
						<a href="#"><h4 class="entry-title">BEST IN TIME</h4></a>
					</div>
				</article>
				<article class="portfolio col-md-4 col-sm-6 col-xs-12">
					<div class="entry-thumbnail">
						<img src="img/portfolio/6.jpg" alt="">
					</div>
					<div class="portfolio-overlay sixth">
						<a href="#"><h4 class="entry-title">DELICIOUS ONE</h4></a>
					</div>
				</article>
				<article class="portfolio col-md-4 col-sm-6 col-xs-12">
					<div class="entry-thumbnail">
						<img src="img/portfolio/6.jpg" alt="">
					</div>
					<div class="portfolio-overlay sixth">
						<a href="#"><h4 class="entry-title">DELICIOUS ONE</h4></a>
					</div>
				</article>
			</div>
		</div>
	</div>

	<!-- CLIENTS 
	<div class="fluid-container" id="clients">
		<div class="row">
			<div class="col-md-12 text-right">
				<div class="section-header clients-header">
					<h3>What Clients Say</h3>
				</div>
			</div>
		</div>
		<div class="section-clients">
			<div class="row">
				<div class="col-md-12 text-center">
					<div class="client-icon">
						<i class="i fa fa-quote-left"></i>
					</div>
					<ul class="client-slide">
						<li>
							<p>Odit nesciunt, voluptates optio numquam error, aut quis eius nostrum. Impedit eaque corrupti quis facere nobis, quam commodi. Repellat vel suscipit ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
							<h4>Cindy Three</h4>
						</li>
						<li>
							<p>Impedit eaque corrupti quis facere nobis, quam commodi. Repellat vel suscipit ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit nesciunt, voluptates optio numquam error, aut quis eius nostrum.</p>
							<h4>Linda Two</h4>
						</li>
						<li>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit nesciunt, voluptates optio numquam error, aut quis eius nostrum. Impedit eaque corrupti quis facere nobis, quam commodi. Repellat vel suscipit ut.</p>
							<h4>Marry One</h4>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<!-- CONTACT US
	<div class="fluid-container" id="contact">
		<div class="row">
			<div class="col-md-12 text-left">
				<div class="section-header contact-header">
					<h3>Stay in Touch</h3>					
				</div>
			</div>
		</div>
		<div class="section-contact">
			<div class="row">
				<div class="col-md-5 col-sm-12 col-xs-12">
					<form action="#" method="post" id="contact-form">
						<fieldset>
							<label for="name">Name:</label>
							<input type="text" name="name" id="name">
						</fieldset>
						<fieldset>
							<label for="email">Email Address:</label>
							<input type="email" name="email" id="email">
						</fieldset>
						<fieldset>
							<label for="phone">Phone Number:</label>
							<input type="tel" name="phone" id="phone">
						</fieldset>
						<fieldset>
							<label for="message">Describe your project:</label>
							<textarea name="message" id="message" rows="4"></textarea>
						</fieldset>
						<fieldset>
							<input type="submit" class="button-dark" value="Send Message">
						</fieldset>
					</form>
				</div>
				<div class="col-md-7 col-sm-12 col-xs-12">
					<div class="contact-map">
						Maps
					</div>
					<div class="contact-infos">
						<div class="row">
							<div class="col-md-6">
								<p><strong>Email:</strong> <a href="#">info@company.com</a></p>
								<p><strong>Phone:</strong> 080-070-0120</p>
							</div>
							<div class="col-md-6">
								<p>Qui laudantium dignissimos eaque maxime obcaecati animi, maiores delectus voluptatum possimu.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
 -->
	<!-- FOOTER -->
	<div class="fluid-container">
		<footer class="site-footer">
			<a href="#" class="back-to-top">
				<i class="fa fa-angle-up"></i>
			</a>
			<div class="row">
				<div class="col-md-6 col-sm-6 col-xs-12 padding-left-0" >
					<p class="copyright">Copyright &copy; 2015 Powder By  <a href="http://blog.sina.com.cn/ariceone" target="_blank">Arice</a></p>
				</div><!-- 
				<div class="col-md-6 col-sm-6 col-xs-12 padding-right-0">
					<ul class="social">
						<li><a href="#"><i class="fa fa-facebook"></i> 新浪微博</a></li>
						<li><a href="#"><i class="fa fa-twitter"></i> Twitter</a></li>
						<li><a href="#"><i class="fa fa-youtube"></i> Youtube</a></li>
					</ul>
				</div> -->
			</div>
		</footer>
	</div>
	</div>
	

	<!-- Plugins -->
	<script src="js/bootstrap.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/custom.js"></script>

	<!-- Google Map -->
  </body>
</html>
